<template>
  <div class="home">
     <A :num="num"></A>
     <div>我是父页面的num{{num}}</div>
     <button @click="num++,age++">++</button>
     <C :name="'宋江'" :explan="'及时雨'" @btnFn="btnFn"></C>
  </div>
  <!-- 现在 homeview 和 组件 b 就是祖孙关系 -->
</template>
<script>
// @ is an alias to /src
import A from '../components/A'
import C from '../components/C'
export default {
  name: 'HomeView',
  data(){
    return {
      num: 100,
      age: 200
    }
  },
  //  provide:{ // 注入 怎么让注入的数据进行双向的绑定
  //   num: 100
  // },
  provide(){
    return {
      _this: this // this 代表的是父元素的实例
    }
  },
  components: {
    A,C
  },
  methods: {
    btnFn(){
      console.log('我是自定义的方法');
    }
  },
}
</script>
